/* .flex-1 {
  flex: 1;
  -ms-flex: 1;
  -webkit-flex: 1;
}
.flex-2 {
  flex: 2;
  -ms-flex: 2;
  -webkit-flex: 2;
}
.flex-3 {
  flex: 3;
  -ms-flex: 3;
  -webkit-flex: 3;
}
.flex-4 {
  flex: 4;
  -ms-flex: 4;
  -webkit-flex: 4;
}
.flex-5 {
  flex: 5;
  -ms-flex: 5;
  -webkit-flex: 5;
}
.flex-6 {
  flex: 6;
  -ms-flex: 6;
  -webkit-flex: 6;
}
.flex-7 {
  flex: 7;
  -ms-flex: 7;
  -webkit-flex: 7;
}
.flex-8 {
  flex: 8;
  -ms-flex: 8;
  -webkit-flex: 8;
}
.flex-9 {
  flex: 9;
  -ms-flex: 9;
  -webkit-flex: 9;
}
.flex-10 {
  flex: 10;
  -ms-flex: 10;
  -webkit-flex: 10;
}
.flex-11 {
  flex: 11;
  -ms-flex: 11;
  -webkit-flex: 11;
}
.flex-12 {
  flex: 12;
  -ms-flex: 12;
  -webkit-flex: 12;
} */

body {
  background-color: #fff;
}

#header .panel {
  width: 20%;
}

#header .panel {
  width: 20%;
}

#header .card-group {
  width: 60%;
}

#header .box {
  width: 20%;
}
